// subPackages/packageA/writDetail/writDetail.ts
import { getWsDetailApi } from "../api/shesu"
Page({

  /**
   * 页面的初始数据
   */
  data: {
    app: getApp(),
    id: "",
    loading: false,
    title: "",
    type: '',
    wsDetail: [
      { key: "court", label: "审理法院", value: "" },
      { key: "docType", label: "文书类型", value: "" },
      { key: "caseId", label: "案号", value: "" },
      { key: "caseCause", label: "案由", value: "" },
      { key: "judgeDate", label: "判决日期", value: "" },
    ],
    paragraphList: [
      // {
      //   "tag": "",
      //   "content": ""
      // },
      // {
      //   "tag": "律师",
      //   "content": "委托代理人:广某某,重庆钜沃律师事务所律师 。 "
      // },
      // {
      //   "tag": "当事人",
      //   "content": "被申请人:某公司2,住所地成都市青羊区******* 。   \n法定代表人:罗某某,职务不详 。   \n被申请人:罗某某,男,1954年12月16日出生,汉族,住成都市武侯区 。   \n被申请人:涂某某,女,1952年11月2日出生,汉族,住成都市武侯区 。 "
      // },
      // {
      //   "tag": "审理经过",
      //   "content": "本院在审理申请人某公司1与被申请人某公司2、罗某某、涂某某有关的追偿权纠纷一案中,申请人某公司1向本院申请财产保全,请求对被申请人某公司2、罗某某、涂某某的财产在194239872元范围内采取保全措施 。 中国人民财产保险股份有限公司成都市分公司出具保单保函为本次财产保全提供担保 。   \n根据本院民事裁定,依照《中华人民共和国民事诉讼法》第一百条、第一百零二条、第一百零三条第一款之规定,裁定如下:"
      // },
      // {
      //   "tag": "裁判结果",
      //   "content": "一、查封被申请人某公司2所有的位于成都市青羊区太升北路64号1栋5-28楼房屋、1-3楼房屋、4楼房屋、B1-B3层车库;查封被申请人某公司2所有的位于成都市青羊区太升北路64号的土地使用权【成国用】 。   \n查封期限三年,自2019年6月24日起至2022年6月23日止 。   \n二、查封被申请人罗某某、涂某某所有的位于成都市青羊区太升北路64号1栋2楼3号房屋;1栋1楼5号、6号、7号、8号房屋;1栋负2楼1号车库;查封被申请人罗某某、涂某某所有的位于成都市金牛区二环路西三段武侯庭园C10住宅房 。   \n查封期限三年,自2019年6月24日起至2022年6月23日止 。   \n三、冻结被申请人某公司2持有的海南南海华油房地产开发有限公司的股权(出资比例:65%,出资金额:1300万元) 。   \n冻结期限三年,自2019年7月3日起至2022年7月2日止 。   \n四、冻结被申请人罗某某持有的海南福茂房地产开发有限公司的股权(出资比例:1%,出资金额:20万元) 。   \n冻结期限三年,自2019年7月4日起至2022年7月3日止 。   \n五、冻结被申请人罗某某持有的海南金灿商贸有限公司的股权(出资比例:49%,出资金额:980万元) 。   \n冻结期限三年,自2019年7月3日起至2022年7月2日止 。   \n六、冻结被申请人罗某某持有的儋州丰福水产品供销有限公司的股权(出资比例:1%,出资金额:15万元) 。   \n冻结期限三年,自2019年7月4日起至2022年7月3日止 。   \n对以上财产的保全,以被保全财产变现金额合计194239872元为限 。   \n如需续查封、冻结,申请人须在本次查封、冻结期限届满7日前向本院提出书面申请,逾期申请或者不申请造成的法律后果由其自行承担 。 "
      // },
      // {
      //   "tag": "审判人员",
      //   "content": "执行员 刘某某"
      // },
      // {
      //   "tag": "书记员",
      //   "content": "书记员 张某某"
      // }
    ],
    navList: [
      { name: "当事人", id: 0 },
      { name: "律师", id: 1 },
      { name: "当事人", id: 2 },
      { name: "审理经过", id: 3 },
      { name: "裁判结果", id: 4 },
      { name: "审判人员", id: 5 },
      { name: "书记员", id: 6 },
    ],
    visible: false,
    navbarHeight: getApp().globalData.safeNavHeight,
    sideBarIndex: 0,
    scrollTop: 0,
    offsetTopList: []
  },
  // 文书详情
  getDetail() {
    wx.showLoading({ title: '' })
    this.setData({
      loading: true
    })
    getWsDetailApi({ id: this.data.id, type: this.data.type }).then((res: any) => {
      if (res.content) {
        let content = res.content;
        this.data.wsDetail.forEach((item: any) => {
          item.value = content[item.key] || '-';
        })
        let navList = content.paragraphList.map((item: any, index: number) => {
          return {
            name: item.tag,
            id: index
          }
        })
        this.setData({
          title: content.title,
          wsDetail: this.data.wsDetail,
          paragraphList: content.paragraphList,
          navList: navList
        })
      } else {
        wx.showToast({
          title: '暂无数据'
        })
      }

    }).finally(() => {
      wx.hideLoading()
      this.setData({
        loading: false
      })
    })

  },
  // 打开目录
  foldHandle() {
    this.setData({
      visible: true
    });
  },
  onSideBarChange(e: any) {
    const { value } = e.detail;
    this.setData({ sideBarIndex: value, scrollTop: this.data.offsetTopList[value] });
  },
  // 计算锚点位置
  getScrollTop() {
    const query = wx.createSelectorQuery().in(this);
    const { sideBarIndex, navbarHeight } = this.data;
    query.selectAll('.title').boundingClientRect();
    query.exec((res) => {
      const [rects] = res;
      this.data.offsetTopList = rects.map((item) => {
        return item.top - navbarHeight;
      });
      this.setData({ navbarHeight, scrollTop: this.data.offsetTopList[sideBarIndex] });
    });
  },
  onScroll(e: any) {
    const { scrollTop } = e.detail;
    const threshold = 50; // 下一个标题与顶部的距离

    if (scrollTop < threshold) {
      this.setData({ sideBarIndex: 0 });
      return;
    }

    const index = this.data.offsetTopList.findIndex((top) => top > scrollTop && top - scrollTop <= threshold);

    if (index > -1) {
      this.setData({ sideBarIndex: index });
    }
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(option) {
    this.data.id = option.id;
    this.setData({
      type: this.options.type
    })
    this.getDetail();
    this.getScrollTop();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },


})